<template>
    <view class="pageContainer2" :style="[{'position':(fixed?'fixed':'1')}]" >
        <image v-show="banner1===1" class="navBg2" mode="widthFix" src="../images/banner.png" />
        <image v-show="banner1!==1" class="navBg2" mode="widthFix" src="../images/banner2.png" />
    </view>
    <view v-if="backisShow1===0" @click="back" class="backbtn">
        返回
    </view>
    <text v-if="backisShow1===1" class="noBackText">元创笔</text>
</template>

<script setup>
import Taro from '@tarojs/taro';
defineProps(['backisShow1','banner1','fixed'])
function back() {
    Taro.navigateBack({})
}
</script>
<style>
    .pageContainer2 {
        width: 100%;
        /* height: 192px; */
        height: 320px;
        overflow: hidden;
        /* position: fixed; */
        top: -100px;
        z-index: 100;
    }
    .navBg2 {
        width: 100%;
        /* margin-top: -96px; */
    }
    .backbtn, .noBackText {
        font-family: 'siyuan';
        font-size: 40px;
        color: #FFF;
        position: fixed;
        top: 110px;
        left: 20px;
        display: inline-block;
        padding-left: 40px;
        z-index: 101;
    }
    .backbtn{
        background: url(../images/back_arrow.png) no-repeat left center;
        background-size: 30%;
    }
</style>



